<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
  <button id="getBtn">get请求</button>
  <button id="postBtn">post请求</button>
  <script>
    // document.querySelector('#getBtn').addEventListener('click',function(){
    //   axios.get('url地址',{
    //     //get传参
    //     params:{}
    //   })
    // })
    document.querySelector('#getBtn').addEventListener('click', async function(){
      console.log("发送get请求");
      const {data:res} = await axios.get('http://www.liulongbin.top:3006/api/getbooks',{
        params:{ id:1 }
      })
      console.log(res);
    })
    // post请求
    document.querySelector("#postBtn").addEventListener('click',async function(){
      console.log("发送post请求");
      // axios.post('url地址',{post请求体数据})
      const {data:res} = await axios.post('http://www.liulongbin.top:3006/api/post',{name:"zs",gender:"女"})

      console.log(res);
    })
  </script>
</body>
</html>